<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客详情</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/blog_detail.css">
</head>
<body>

    <div class="nav">
        <!-- logo -->
        <img src="imge/龙猫.png" alt="">
        <!-- 标题 -->
        <span class="title">我的博客系统</span>
        <span class="spacer"></span>
        <a href="blog_list.html">主页</a>
        <a href="bolg_edit.html">写博客</a>
        <a href="logout">注销</a>
    </div>

    <div class="container">
        <div class="left">
            <div class="card">

                <!-- 头像 -->
                <img src="imge/无脸男.png" alt="">
                <h3>无脸男</h3>
                <a href="">github地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>1</span>
                    <span>2</span>
                </div>

            </div>
        </div>
        <div class="right">
            <div class="blog-content">
                <h3>我的第一篇博客</h3>
                <div class="date">2021-11-28</div>
                <p>
                    好好学习
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum recusandae dolores magni amet veritatis iusto harum explicabo qui fugiat magnam, itaque, vel laboriosam voluptates dicta corrupti nostrum eveniet consequuntur placeat

                </p>
                <p>
                    好好学习
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum recusandae dolores magni amet veritatis iusto harum explicabo qui fugiat magnam, itaque, vel laboriosam voluptates dicta corrupti nostrum eveniet consequuntur placeat
                    
                </p><p>
                    好好学习
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum recusandae dolores magni amet veritatis iusto harum explicabo qui fugiat magnam, itaque, vel laboriosam voluptates dicta corrupti nostrum eveniet consequuntur placeat
                    
                </p>
            </div>
        </div>
    </div>
</body>
</html>